.data-header {
	width: 100%;
	height: 35px;
	font-weight: bold;
	color: #ffffff;
	background-image: url("@/assets/images/topo/18.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	.icon {
		width: 22px;
		height: 22px;
		background-image: url("@/assets/images/topo/5.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
	.text {
		width: 70px;
		padding-left: 10px;
	}
	.suffix-icon {
		flex: 1;
		height: 16px;
		background-image: url("@/assets/images/topo/4.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
	.more {
		background-image: url("@/assets/images/topo/17.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
	}
}
.data-list {
	padding-top: 5px;
	font-size: 13px;
	color: #eeeeee;
	.event-item {
		box-sizing: border-box;
		align-items: center;
		height: 26px;
		cursor: pointer;
		background-image: url("@/assets/images/topo/6.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		&:first-child {
			background-color: #02294a;
			animation: fead 1.5s infinite ease-in-out;
		}
		&:hover {
			background: #075191;
			animation: none;
		}
		.text {
			width: calc(100% - 170px);
			padding-left: 50px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.time {
			width: 135px;
			padding-right: 10px;
		}
		@keyframes fead {
			from {
				background-color: #adff2f30;
				opacity: 1;
			}
			50% {
				opacity: 0.2;
			}
			to {
				background-color: #adff2f30;
				opacity: 1;
			}
		}
	}
}
